import Loadable from "react-loadable";
import Loading from "@/components/Loading";
const Dashboard = Loadable({
    loader: () => import(/*webpackChunkName:'Dashboard'*/ "@/views/dashboard"),
    loading: Loading,
});
const Doc = Loadable({
    loader: () => import(/*webpackChunkName:'Doc'*/ "@/views/doc"),
    loading: Loading,
});
const Table = Loadable({
    loader: () => import(/*webpackChunkName:'Table'*/ "@/views/table"),
    loading: Loading,
});
const Zip = Loadable({
    loader: () => import(/*webpackChunkName:'Zip'*/ "@/views/zip"),
    loading: Loading,
});
const Error404 = Loadable({
    loader: () => import(/*webpackChunkName:'Error404'*/ "@/views/error/404"),
    loading: Loading,
});
const User = Loadable({
    loader: () => import(/*webpackChunkName:'User'*/ "@/views/user"),
    loading: Loading,
});
const About = Loadable({
    loader: () => import(/*webpackChunkName:'About'*/ "@/views/about"),
    loading: Loading,
});

export default [
    { path: "/dashboard", component: Dashboard, roles: ["admin", "editor", "guest"] },
    { path: "/doc", component: Doc, roles: ["admin", "editor", "guest"] },
    { path: "/table", component: Table, roles: ["admin", "editor"] },
    { path: "/zip", component: Zip, roles: ["admin", "editor"] },
    { path: "/user", component: User, roles: ["admin"] },
    { path: "/about", component: About, roles: ["admin", "editor", "guest"] },
    { path: "/error/404", component: Error404 },
];
